<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .container {
            margin: 0 auto;
            padding: 0 0 0 500px;
            display: flex;
        }

        .title {
            font-weight: bold;
            padding-top: 80px;
            padding-bottom: 50px;
            font-size: 40px;
            text-align: center;
            color: rgb(26, 148, 77);
        }

        .box2 {
            margin: 0 80px;
        }

        a {
            font-weight: bold;
            display: block;
            margin-bottom: 20px;
            font-size: 18px;
            text-decoration: none;
            color: #945501;
        }
        a:hover{
            color: rgb(48, 127, 206);
        }
    </style>
</head>

<body>
    <div class="title">coderwhy vue3 ppt资料</div>
    <div class="container">
        <div class="box1">
            <a target="_blank" href="./pdf/01_邂逅Vue3开发.pdf">01_邂逅Vue3开发</a>
            <a target="_blank" href="./pdf/02_Vue3基础-模板语法.pdf">02_Vue3基础-模板语法</a>
            <a target="_blank" href="./pdf/03_Vue3基础-模板语法（二）.pdf">03_Vue3基础模板语法（二）</a>
            <a target="_blank" href="./pdf/04_Vue3的Options-API.pdf">04_Vue3的Options-API</a>
            <a target="_blank" href="./pdf/05_Vue3-表单绑定和开发模式.pdf">05_Vue3-表单绑定和开发模式</a>
            <a target="_blank" href="./pdf/06_webpack的基础打包.pdf">06_webpack的基础打包</a>
            <a target="_blank" href="./pdf/07_webpack打包其他资源.pdf">07_webpack打包其他资源</a>
            <a target="_blank" href="./pdf/08_babel对JS-Vue处理.pdf">08_babel对JS-Vue处理</a>
            <a target="_blank" href="./pdf/09_webpack服务器和VueCLI.pdf">09_webpack服务器和VueCLI</a>
            <a target="_blank" href="./pdf/10_VueCLI和Vite.pdf">10_VueCLI和Vite</a>
        </div>
        <div class="box2">
            <a target="_blank" href="./pdf/11_Vue3组件化开发（一）.pdf">11_Vue3组件化开发（一）</a>
            <a target="_blank" href="./pdf/12_Vue3组件化开发（二）.pdf">12_Vue3组件化开发（二）</a>
            <a target="_blank" href="./pdf/13_Vue3组件化开发（三）.pdf">13_Vue3组件化开发（三）</a>
            <a target="_blank" href="./pdf/14_Vue3实现动画-animate-gsap.pdf">14_Vue3实现动画-animate-gsap</a>
            <a target="_blank" href="./pdf/15_Vue3-Composition-API.pdf">15_Vue3-Composition-API</a>
            <a target="_blank" href="./pdf/16_Vue3-Composition-API(二).pdf">16_Vue3-Composition-API(二)</a>
            <a target="_blank" href="./pdf/17_Vue3-Composition-API(三)和高级语法.pdf">17_Vue3-Composition-API(三)和高级语法</a>
            <a target="_blank" href="./pdf/18_Vue3-高级语法补充.pdf">18_Vue3-高级语法补充</a>
            <a target="_blank" href="./pdf/19_Vue3源码学习.pdf">19_Vue3源码学习</a>
            <a target="_blank" href="./pdf/20_Vue3源码学习(二).pdf">20_Vue3源码学习(二)</a>
        </div>
        <div class="box3">
            <a target="_blank" href="./pdf/21_VueRouter路由使用.pdf">21_VueRouter路由使用</a>
            <a target="_blank" href="./pdf/22_VueRouter路由使用.pdf">22_VueRouter路由使用</a>
            <a target="_blank" href="./pdf/23_Vuex状态管理.pdf">23_Vuex状态管理</a>
            <a target="_blank" href="./pdf/24_Vuex状态管理.pdf">24_Vuex状态管理</a>
            <a target="_blank" href="./pdf/25_Vuex状态管理和nexttick等知识.pdf">25_Vuex状态管理和nexttick等知识</a>
            <a target="_blank" href="./pdf/26_TypeScript语法精讲（一）.pdf">26_TypeScript语法精讲（一）</a>
            <a target="_blank" href="./pdf/27_TypeScript语法精讲（二）.pdf">27_TypeScript语法精讲（二）</a>
            <a target="_blank" href="./pdf/28_TypeScript语法精讲（三）.pdf">28_TypeScript语法精讲（三）</a>
            <a target="_blank" href="./pdf/29_TypeScript语法精讲（四）.pdf">29_TypeScript语法精讲（四）</a>
            <a target="_blank" href="./pdf/30_TypeScript语法精讲（五）.pdf">30_TypeScript语法精讲（五）</a>
            <a target="_blank"
                href="https://gitee.com/zcj1998/vue/blob/master/pdf/31_%E9%A1%B9%E7%9B%AE%E6%90%AD%E5%BB%BA.md#%E9%A1%B9%E7%9B%AE%E6%90%AD%E5%BB%BA%E8%A7%84%E8%8C%83">31_项目搭建</a>
            <a target="_blank" href="./pdf/32_Vue3+TS项目实战.pdf">32_Vue3+TS项目实战</a>
            <a target="_blank" href="./pdf/33_Echarts的使用.pdf">33_Echarts的使用</a>
            <a target="_blank"
                href="https://gitee.com/zcj1998/vue/blob/master/pdf/34_%E9%A1%B9%E7%9B%AE%E6%89%93%E5%8C%85%E5%92%8C%E8%87%AA%E5%8A%A8%E5%8C%96%E9%83%A8%E7%BD%B2.md#%E9%A1%B9%E7%9B%AE%E6%89%93%E5%8C%85%E5%92%8C%E8%87%AA%E5%8A%A8%E5%8C%96%E9%83%A8%E7%BD%B2">34_项目打包和自动化部署</a>
        </div>



    </div>
</body>

</html>